<ng-container *ngIf="!outlet.isActivated" >
        <ts-datepicker #datepickerOne="tsDatepicker" [(ngModel)]="search.params.start" [color]="global.params.color"
            [weekTitles]="['一', '二', '三', '四', '五', '六', '日']" [monthTitles]="['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']">
        </ts-datepicker>
        <ts-datepicker #datepickerTwo="tsDatepicker" [(ngModel)]="search.params.end" [color]="global.params.color"
            [weekTitles]="['一', '二', '三', '四', '五', '六', '日']" [monthTitles]="['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']">
        </ts-datepicker>
        <div class="toolbar">
            <!-- <h4>企业用户</h4> -->
            <div class="input-group mb-3">
                <div class="input-group-prepend">
                    <span class="input-group-text bg-white">客户</span>
                </div>
                <input [(ngModel)]="search.params.name" type="text" class="form-control" placeholder="请输入供应商关键词">
            </div>
            <div class="input-group mb-3">
                <div class="input-group-prepend">
                    <span class="input-group-text bg-white">商品类别</span>
                </div>
                <div class="col-sm-4 px-0">
                    <select [(ngModel)]="goods.goodsParentType" class="custom-select b-t-l-radius b-b-l-radius" placeholder="请选择一级分类">
                        <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
                    </select>
                </div>
                <div class="col-sm-7"></div>
            </div>
            <div class="input-group mb-3">
                <div class="input-group-prepend">
                    <span class="input-group-text bg-white">报价日期</span>
                </div>
                <input tsToggle [bind]="datepickerOne" [target]="datepickerOne" type="text" [value]="search.params.start"
                    class="form-control bg-white pointer" placeholder="开始时间" readonly>
                <div class="input-group-prepend input-group-append">
                    <span class="input-group-text bg-white">到</span>
                </div>
                <input tsToggle [bind]="datepickerTwo" [target]="datepickerTwo" type="text" [value]="search.params.end"
                    class="form-control bg-white pointer" placeholder="结束时间" readonly>
            </div>
            <div class="row">
                <div class="col-6">
                    <!-- <div class="input-group">
                        <div class="input-group-prepend">
                            <span class="input-group-text bg-white">共查询到</span>
                        </div>
                        <input type="text" value="{{pagination.total}}" class="form-control text-center bg-white" readonly
                            placeholder="0">
                        <div class="input-group-append">
                            <span class="input-group-text bg-white">条/结果</span>
                        </div>
                    </div> -->
                </div>
                <div class="col-6 text-right m-btn">
                    <button class="btn btn-success" routerLink="orderd">
                        <span>新增</span>
                    </button>
                    <button class="btn btn-primary" routerLink="">
                        <span>导出</span>
                    </button>
                    <button (click)="doReset()" class="btn btn-white">
                        <i class="iconfont icon-refresh mr-2"></i>
                        <span>重置</span>
                    </button>
                    <button (click)="doSearch()" class="btn btn-white">
                        <i class="iconfont icon-search mr-2"></i>
                        <span>搜索</span>
                    </button>
                </div>
            </div>
    
        </div>
    
        <div tsTab tab='订单列表' class="card rounded-0">
            <div class="card-body">
                <!-- <ts-table-load [display]="loading"></ts-table-load> -->
                <div class="table-responsive">
                    <table class="table table-striped">
                        <tbody>
                            <tr class="font-weight-bold bg-light">
                                <td style="min-width:90px" *ngFor="let th of theads">{{th}}</td>
                            </tr>
                            <tr *ngFor="let item of list;index as i" (click)= "loadDetailDatas(item.id)"  [class]="item.isSelect?'bg-detail-active':''">
                                <td>{{i+1}}</td>
                                <td>?</td>
                                <td>{{item.otherNumber}}</td>
                                <td>{{item.preOrderNumber}}</td>
                                <td>{{item.customerId}}</td>
                                <td>{{item.contractNumber}}</td>
                                <td>{{item.salesmanId}}</td>
                                <td>{{item.tallyClerkId}}</td>
                                <td>{{item.subscriptionDate}}</td>
                                <td>{{item.sendGoodsDate}}</td>
                                <td>{{item.promotionSchedule}}</td>
                                <td>{{item.taxPrice}}</td>
                                <td>{{item.notTaxPrice}}</td>
                                <td>{{item.address}}</td>
                                <td>{{item.status}}</td>
                                <td>{{item.checkManId}}</td>
                                <td>{{item.checkTime}}</td>
                                <td>{{item.paymentId}}</td>
                                <td>{{item.requiredArrivalDate}}</td>
                                <td>{{item.preOrderNumber}}?</td>
                                <td>{{item.preOrderNumber}}?</td>
                                <td>{{item.preOrderNumber}}?</td>
                                <td>{{item.preOrderNumber}}?</td>
                                <td>{{item.preOrderNumber}}?</td>
                                <td>
                                    <div tsDropdown>
                                        <span tsToggle class="btn-icon btn-icon-success">
                                            <i tsIcon="gengduo"></i>
                                        </span>
                                        <div tsDropMenu [offsetX]="-57">
                                            <button class="dropdown-item pointer" routerLink="detail">修改</button>
                                            <button class="dropdown-item pointer">删除</button>
                                            <!-- <button class="dropdown-item pointer">作废</button> -->
                                            <button class="dropdown-item pointer">审核</button>
                                            <button class="dropdown-item pointer">取消审核</button>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="text-right">
                    <ts-pagination (pageChange)="loadDatas()" [pagination]="pagination" [items]="[{text:'显示 5 条',value:5},{text:'显示 10 条',value:10},{text:'显示 20 条',value:20}]"
                        [color]="global.params.color" goTitle="跳转" prevTitle="上一页" nextTitle="下一页" startTitle="首页" endTitle="末尾"
                        outline></ts-pagination>
                </div>
            </div>
        </div>
        <div tsTab tab='订单明细' class="card rounded-0">
            <div class="card-body">
                <!-- <ts-table-load [display]="loading"></ts-table-load> -->
                <div class="table-responsive">
                    <table class="table table-striped">
                        <tbody>
                            <tr class="font-weight-bold bg-light">
                                <td style="min-width:88px" *ngFor="let th of billTh">{{th}}</td>
                            </tr>
                            <tr *ngFor="let thy of detailList;index as i">
                                <td>{{i+1}}</td>
                                <td>{{thy.goodsName}}</td>
                                <td>{{thy.barCode}}</td>
                                <td>{{thy.itemNumber}}</td>
                                <td>{{thy.unit}}</td>
                                <td>{{thy.flavorColor}}</td>
                                <td>{{thy.specificationsDimensions}}</td>
                                <td>?</td>
                                <td>{{thy.amount}}</td>
                                <td>{{thy.boxAmount}}</td>
                                <td>{{thy.notTaxPrice}}</td>
                                <td>{{thy.taxRate}}</td>
                                <td>{{thy.discount}}</td>
                                <td>
                                    <div tsDropdown>
                                        <span tsToggle class="btn-icon btn-icon-success">
                                            <i tsIcon="gengduo"></i>
                                        </span>
                                        <div tsDropMenu [offsetX]="-57">
                                            <button class="dropdown-item pointer" routerLink="detail">修改</button>
                                            <button class="dropdown-item pointer">删除</button>
                                            <button class="dropdown-item pointer">查询</button>
                                            <button class="dropdown-item pointer">审核</button>
                                            <button class="dropdown-item pointer">跟新产品最高采购价</button>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <!-- <div class="text-right">
                        <ts-pagination (pageChange)="loadDatas()" [pagination]="pagination" [items]="[{text:'显示 5 条',value:5},{text:'显示 10 条',value:10},{text:'显示 20 条',value:20}]"
                            [color]="global.params.color" goTitle="跳转" prevTitle="上一页" nextTitle="下一页" startTitle="首页"
                            endTitle="末尾" outline></ts-pagination>
                    </div> -->
            </div>
        </div>
    </ng-container>
    
    <router-outlet #outlet="outlet"></router-outlet>